<template>
  <div class="home">
    <div class="bbb">欢迎使用后台管理系统</div>
    <vue-particles
        color="#1E90FF"
        :particleOpacity="0.7"
        :particlesNumber="140"
        shapeType="circle"
        :particleSize="4"
        linesColor="#1E90FF"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="150"
        :moveSpeed="4"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="repulse"
      >
      </vue-particles>
  </div>
</template>

<script>

export default {
  name: 'Home'

}
</script>

<style lang="less" scoped>
    .home{
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #2c3e50;
      }
    .bbb{
      position: absolute;
      top: 266px;
      left: 330px;
      font-size: 40px;
      color: pink;
    }
</style>
